<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Required meta tags-->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Title Page-->
    <title>A股市场筛选器</title>

    <!-- Fontfaces CSS-->
    <link href="/assets/css/font-face.css" rel="stylesheet" media="all">
    <link href="/assets/vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
    <link href="/assets/vendor/font-awesome-5/css/fontawesome-all.min.css" rel="stylesheet" media="all">
    <link href="/assets/vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all">

    <!-- Bootstrap CSS-->
    <link href="/assets/vendor/bootstrap-4.1/bootstrap.min.css" rel="stylesheet" media="all">

    <!-- Vendor CSS-->
    <link href="/assets/vendor/animsition/animsition.min.css" rel="stylesheet" media="all">
    <link href="/assets/vendor/bootstrap-progressbar/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet" media="all">
    <link href="/assets/vendor/wow/animate.css" rel="stylesheet" media="all">
    <link href="/assets/vendor/css-hamburgers/hamburgers.min.css" rel="stylesheet" media="all">
    <link href="/assets/vendor/slick/slick.css" rel="stylesheet" media="all">
    <link href="/assets/vendor/select2/select2.min.css" rel="stylesheet" media="all">
    <link href="/assets/vendor/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" media="all">
    <link href="/assets/vendor/tempus-dominus/tempus-dominus.css" rel="stylesheet" media="all">
    {% block cssextend %}
    {% endblock %}

    <!-- Main CSS-->
    <link href="/assets/css/theme.css" rel="stylesheet" media="all">

    {% block cssstyle %}
    {% endblock %}
</head>

<body class="animsition">
    <div class="page-wrapper">
        <!-- MENU SIDEBAR-->
        <aside class="menu-sidebar2">
            <div class="logo">
                <a href="#">
                    <img src="/assets/images/icon/logo-white.png" alt="Stock Filter" />
                </a>
            </div>
            <div class="menu-sidebar2__content js-scrollbar1">
                <nav class="navbar-sidebar2">
                    <ul class="list-unstyled navbar__list">
                        {% for index in indexes %}
                            <li class="{% if index.url == current.url %} active {% endif %} {% if index.subs %} has-sub {% endif %}">
                                <a class="js-arrow {% if current.parent == index.name %} open {% endif %}" href="{{ index.url }}">
                                    <i class="{{ index.icon }}"></i>{{ index.desp }}
                                    {% if index.subs %} 
                                        <span class="arrow {% if current.parent == index.name %} up {% endif %}">
                                            <i class="fas fa-angle-down"></i>
                                        </span>
                                    {% endif %}
                                </a>
                                {% for sub in index.subs %}
                                    <ul class="list-unstyled navbar__sub-list js-sub-list" {% if current.parent == index.name %} style="display: block" {% endif %}>
                                        <li class="{% if sub.url == current.url %} active {% endif %}">
                                            <a href="{{ sub.url }}">
                                                <i class="{{ sub.icon }}"></i>{{ sub.desp }}
                                            </a>
                                        </li>
                                    </ul>
                                {% endfor %}
                            </li>
                        {% endfor %}
                    </ul>
                </nav>
            </div>
        </aside>
        <!-- END MENU SIDEBAR-->

        <!-- PAGE CONTAINER-->
        <div class="page-container2">
            <!-- HEADER DESKTOP-->
            <header class="header-desktop2">
                <div class="section__content section__content--p30">
                    <div class="container-fluid">
                        <div class="header-wrap2">
                            <div class="logo d-block d-lg-none" style="width: 300px">
                                <a href="#">
                                    <img src="/assets/images/icon/logo-white.png" alt="Stock Filter" />
                                </a>
                            </div>
                            <div class="header-button2">
                              
                                <div class="header-button-item mr-0 js-sidebar-btn">
                                    <i class="zmdi zmdi-menu"></i>
                                </div>
                                <div class="setting-menu js-right-sidebar d-none d-lg-block">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>
            <aside class="menu-sidebar2 js-right-sidebar d-block d-lg-none">
                <div class="logo">
                    <a href="#">
                        <img src="/assets/images/icon/logo-white.png" alt="Stock Filter" />
                    </a>
                </div>
                <div class="menu-sidebar2__content js-scrollbar2">
                    <nav class="navbar-sidebar2">
                        <ul class="list-unstyled navbar__list">
                            {% for index in indexes %}
                                <li class="{% if index.url == current.url %} active {% endif %} {% if index.subs %} has-sub {% endif %}">
                                    <a class="js-arrow {% if current.parent == index.name %} open {% endif %}" href="{{ index.url }}">
                                        <i class="{{ index.icon }}"></i>{{ index.desp }}
                                        {% if index.subs %} 
                                            <span class="arrow {% if current.parent == index.name %} up {% endif %}">
                                                <i class="fas fa-angle-down"></i>
                                            </span>
                                        {% endif %}
                                    </a>
                                    {% for sub in index.subs %}
                                        <ul class="list-unstyled navbar__sub-list js-sub-list" {% if current.parent == index.name %} style="display: block" {% endif %}>
                                            <li class="{% if sub.url == current.url %} active {% endif %}">
                                                <a href="{{ sub.url }}">
                                                    <i class="{{ sub.icon }}"></i>{{ sub.desp }}
                                                </a>
                                            </li>
                                        </ul>
                                    {% endfor %}
                                </li>
                            {% endfor %}
                        </ul>
                    </nav>
                </div>
            </aside>
            <!-- END HEADER DESKTOP-->

            <!-- BREADCRUMB-->
            <section class="au-breadcrumb m-t-75">
                <div class="section__content section__content--p30">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-12">
                                <h1 class="title-4">{{ current.desp }}
                                </h1>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            {% block content %} 
            {% endblock %}

            <section>
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="copyright">
                                <p>Copyright © 2024 HRLU. All rights reserved. Template by <a href="https://colorlib.com">Colorlib</a>.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- END PAGE CONTAINER-->
        </div>
    </div>

    <!-- Jquery JS-->
    <script src="/assets/vendor/jquery-3.2.1.min.js"></script>
    <!-- Bootstrap JS-->
    <script src="/assets/vendor/bootstrap-4.1/popper.min.js"></script>
    <script src="/assets/vendor/bootstrap-4.1/bootstrap.min.js"></script>

    <script src="/assets/vendor/slick/slick.min.js"></script>
    <script src="/assets/vendor/wow/wow.min.js"></script>
    <script src="/assets/vendor/animsition/animsition.min.js"></script>
    <script src="/assets/vendor/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
    <script src="/assets/vendor/counter-up/jquery.waypoints.min.js"></script>
    <script src="/assets/vendor/counter-up/jquery.counterup.min.js"></script>
    <script src="/assets/vendor/circle-progress/circle-progress.min.js"></script>
    <script src="/assets/vendor/perfect-scrollbar/perfect-scrollbar.js"></script>
    <script src="/assets/vendor/chartjs/chart.umd.js"></script>
    <script src="/assets/vendor/hammerjs/hammerjs.js"></script>
    <script src="/assets/vendor/chartjs/chartjs-plugin-zoom.min.js"></script>
    <script src="/assets/vendor/chartjs/chartjs-adapter-date-fns.bundle.min.js"></script>
    <script src="/assets/vendor/select2/select2.min.js"></script>
    <script src="/assets/vendor/popperjs/popper.min.js"></script>
    <script src="/assets/vendor/tempus-dominus/tempus-dominus.js"></script>
    <script src="/assets/vendor/tempus-dominus/jQuery-provider.js"></script>
    <script src="/assets/vendor/echarts-5.6.0/echarts.min.js"></script>
    {% block jsextend %}
    {% endblock %}

    <!-- Main JS-->
    <script src="/assets/js/main.js"></script>

    {% block jsscript %}
    {% endblock %}
</body>
</html>
